.wraper {
    background-size: cover;
    background-repeat: no-repeat;

    &.dark {
        --subtitle-color: #3333331a;
        --title-color: #333;
    }

    &.light {
        --subtitle-color: #ffffff1a;
        --title-color: #fff;
    }
}

.followbox {
    @apply  flex flex-col items-center justify-center w-full ;
}

.followimg{
    @apply block mx-auto object-cover;
}

.followdesc {
    @apply font-500;

    color: #fff;
}

.mobile.wraper {
    .followbox {
        @apply py-24px ;

        aspect-ratio: 375/ 160 ;
    }

    .followimg{
        @apply w-80px h-80px;
    }

    .followdesc{
        @apply text-base mt-4;
    }
}

.pc.wraper {
    .followbox {
        @apply py-46px ;

        height: 324px;
    }

    .followimg{
        @apply w-180px h-180px;
    }

    .followdesc {
        @apply text-2xl mt-5;
    }
}
